<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 视频容器 -->

    <div class="traning dfcc">
        <div class="flex1 bgc">1</div>
        <div class="video-wrapper flex1">
            <video src="../../assets/images/part1.mp4 " id="video" muted></video>
        </div>
        <div class="flex1 bgc">
            <div class="part">
                <div class="progress">
                    <span id="cerpart">1</span> /
                    <span id="totalPart"></span>
                </div>
                <p class="title" id="title">
                    膝关节环绕
                </p>
            </div>
        </div>
        <div class="controls dpflex rel">
            <span class="iconfont icon-jiantou_shangyiye flex1" id="preBtn"></span>
            <span class="iconfont icon-zanting flex1" id="stopBtn"> </span>
            <span class="iconfont icon-jiantou_xiayiye flex1" id="nextBtn"></span>
            <div class="progress" id="progress"></div>
        </div>
    </div>
    <!-- 蒙城 -->
    <div class="mask" id="mask">
        <h4 class="title container">放弃可以找到一万个理由,坚持只需要一个念头</h4>
        <div class="btn-grop dfbc">
            <div id="btnContinue" class="dfcc">
                <span class="iconfont icon-sanjiaoxing"></span>
                <span>继续训练</span>
            </div>
            <div class=" dfcc" id="btnOver">
                <span class="iconfont icon-jieshu1"></span>
                <span>结束训练</span>
            </div>
        </div>
        <!-- 当前 -->
        <div class="current dfcc">

            <p class="flex1"><img src="../../assets/images/part1.png" alt="" id="currentImg"></p>
            <div class="current-text flex1">
                <h6>当前:</h6>
                <span class="text" id="currentTitle">按时发链接埃里克</span>
            </div>
        </div>
    </div>
</body>

</html>